<template>
	<header class="header">
		<div class="hearde-left">
			<span class="iconfont iconxiazai6" @click="backhome"></span>
		</div>
		<span class="city">城市选择</span>
	</header>
</template>
<script>
	export default{
		methods:{
			backhome(){
				this.$router.push({
					name:"home"
				})
			}
		}
	}
</script>
<style scoped lang="stylus">
@import "~@/assets/css/common.styl"
	a{
		color:#fff;
	}
	.header{
		display: flex;
		background-color: $bgcolor;
	}
	.hearde-left{
		display: inline-block;
	    width: .4rem;
	    line-height: .88rem;
	    padding: 0 .2rem;
	    color: #fff;
	    font-size: .36rem;
	    text-align: left;
	}
	.city{
		font-size: .28rem;
		line-height: .88rem;
		position: relative;
		left: 2.4rem;
		color: #fff;
		background-color: $bgcolor;
	}
</style>